<template>
  <div>
    <headTop></headTop>

    <!-- <div style="height: 70px;"></div> -->
    <s1 v-if="$route.params.id=='engageUsers'"></s1>
    <s2 v-if="$route.params.id=='growUsers'"></s2>
    <s3 v-if="$route.params.id=='driveRevenue'"></s3>
    <s4 v-if="$route.params.id=='analyzeOptimize'"></s4>






  <div style="height: 120px;"></div>

   <footerBottom></footerBottom>



  </div>



</template>

<script>

  import   headTop  from '../common/head.vue';
  import   footerBottom  from '../common/footer.vue';
  import s1 from './s1.vue';
  import s2 from './s2.vue';
  import s3 from './s3.vue';
  import s4 from './s4.vue';



  export default {
    name:'Index',
    components:{
      s1,
      s2,
      s3,
      s4,
      footerBottom,
        headTop
    },
    data() {
      return {
        swiperIndex: 0,
        shownav: false
      }


    }




  }
</script>

<style>
</style>
